<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>打印</title>
    <style>
      html {
        line-height: 1.15; /* 1 */
        -webkit-text-size-adjust: 100%; /* 2 */
      }

      /* Sections
   ========================================================================== */

      /**
 * Remove the margin in all browsers.
 */

      body {
        margin: 0;
      }

      /**
 * Render the `main` element consistently in IE.
 */

      main {
        display: block;
      }

      /**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

      h1 {
        font-size: 2em;
        margin: 0.67em 0;
      }

      /* Grouping content
   ========================================================================== */

      /**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

      hr {
        box-sizing: content-box; /* 1 */
        height: 0; /* 1 */
        overflow: visible; /* 2 */
      }

      /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

      pre {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }

      /* Text-level semantics
   ========================================================================== */

      /**
 * Remove the gray background on active links in IE 10.
 */

      a {
        background-color: transparent;
      }

      /**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

      abbr[title] {
        border-bottom: none; /* 1 */
        text-decoration: underline; /* 2 */
        text-decoration: underline dotted; /* 2 */
      }

      /**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

      b,
      strong {
        font-weight: bolder;
      }

      /**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

      code,
      kbd,
      samp {
        font-family: monospace, monospace; /* 1 */
        font-size: 1em; /* 2 */
      }

      /**
 * Add the correct font size in all browsers.
 */

      small {
        font-size: 80%;
      }

      /**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

      sub,
      sup {
        font-size: 75%;
        line-height: 0;
        position: relative;
        vertical-align: baseline;
      }

      sub {
        bottom: -0.25em;
      }

      sup {
        top: -0.5em;
      }

      /* Embedded content
   ========================================================================== */

      /**
 * Remove the border on images inside links in IE 10.
 */

      img {
        border-style: none;
      }

      /* Forms
   ========================================================================== */

      /**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

      button,
      input,
      optgroup,
      select,
      textarea {
        font-family: inherit; /* 1 */
        font-size: 100%; /* 1 */
        line-height: 1.15; /* 1 */
        margin: 0; /* 2 */
      }

      /**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

      button,
      input {
        /* 1 */
        overflow: visible;
      }

      /**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

      button,
      select {
        /* 1 */
        text-transform: none;
      }

      /**
 * Correct the inability to style clickable types in iOS and Safari.
 */

      button,
      [type='button'],
      [type='reset'],
      [type='submit'] {
        -webkit-appearance: button;
      }

      /**
 * Remove the inner border and padding in Firefox.
 */

      button::-moz-focus-inner,
      [type='button']::-moz-focus-inner,
      [type='reset']::-moz-focus-inner,
      [type='submit']::-moz-focus-inner {
        border-style: none;
        padding: 0;
      }

      /**
 * Restore the focus styles unset by the previous rule.
 */

      button:-moz-focusring,
      [type='button']:-moz-focusring,
      [type='reset']:-moz-focusring,
      [type='submit']:-moz-focusring {
        outline: 1px dotted ButtonText;
      }

      /**
 * Correct the padding in Firefox.
 */

      fieldset {
        padding: 0.35em 0.75em 0.625em;
      }

      /**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

      legend {
        box-sizing: border-box; /* 1 */
        color: inherit; /* 2 */
        display: table; /* 1 */
        max-width: 100%; /* 1 */
        padding: 0; /* 3 */
        white-space: normal; /* 1 */
      }

      /**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

      progress {
        vertical-align: baseline;
      }

      /**
 * Remove the default vertical scrollbar in IE 10+.
 */

      textarea {
        overflow: auto;
      }

      /**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

      [type='checkbox'],
      [type='radio'] {
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
      }

      /**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

      [type='number']::-webkit-inner-spin-button,
      [type='number']::-webkit-outer-spin-button {
        height: auto;
      }

      /**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

      [type='search'] {
        -webkit-appearance: textfield; /* 1 */
        outline-offset: -2px; /* 2 */
      }

      /**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

      [type='search']::-webkit-search-decoration {
        -webkit-appearance: none;
      }

      /**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

      ::-webkit-file-upload-button {
        -webkit-appearance: button; /* 1 */
        font: inherit; /* 2 */
      }

      /* Interactive
   ========================================================================== */

      /*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

      details {
        display: block;
      }

      /*
 * Add the correct display in all browsers.
 */

      summary {
        display: list-item;
      }

      /* Misc
   ========================================================================== */

      /**
 * Add the correct display in IE 10+.
 */

      template {
        display: none;
      }

      /**
 * Add the correct display in IE 10.
 */

      [hidden] {
        display: none;
      }
    </style>
    <style>
      body {
        font-size: 16px;
      }
      * {
        box-sizing: border-box;
      }
      a {
        text-decoration: none;
        color: #666;
      }
      a:not(:last-child) {
        margin-right: 0.8em;
      }
      h1 {
        margin: 0 0 0.3em 0;
        font-size: 1.6em;
      }
      #print {
        width: 210mm;
        margin: 0 auto;
        color: #333;
      }
      #print section {
        height: 140mm;
        /* border: 1px solid #808080; */
        padding: 4mm 8mm;
        line-height: 1.4;
        position: relative;
        margin-bottom: 2em;
      }
      #print section:not(:last-child) {
        border-bottom: 1px solid #888;
      }
      #print section .sale {
        position: absolute;
        right: 8mm;
        top: 4mm;
        margin: 0;
        font-size: 14px;
      }
      .pay-status {
        position: absolute;
        right: 0;
        bottom: 0;
        text-align: center;
        border: 2px solid #fa6363;
        font-style: italic;
        color: #fa6363;
        padding: 2px 8px;
      }
      .pay-status.over {
        border-color: #48b404;
        color: #48b404;
      }
      #print section footer a {
        color: #333;
      }
      #print section footer > div {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
      }
      address {
        font-style: normal;
        position: relative;
      }
      table {
        width: 100%;
        margin-top: 0.32em;
        border: 2px solid #666;
        border-right-width: 0;
        border-bottom-width: 0;
      }
      th,
      td {
        border: 2px solid #666;
        border-left-width: 0;
        border-top-width: 0;
      }
      table thead {
        text-align: center;
      }
      td {
        text-align: right;
        padding: 0 0.3em;
      }
      table tbody td:nth-child(2) {
        text-align: center;
      }
      table tfoot td {
        padding: 0.32em;
      }
      .fee {
        font-size: 1.3em;
      }
      #btn-group {
        width: 241mm;
        margin: 0 auto;
      }
      #printBtn {
        background: #34a6e8;
        color: white;
        border-color: #34a6e8;
      }
      @media print {
        #btn-group {
          display: none;
        }
        #print section:not(:last-child) {
          border-bottom-width: 0;
        }
      }
    </style>
  </head>
  <body>
    <div id="print">
      <section id="data8" style="display: none;">
        <header>
          <h1>广州市某某某某商行（某某文体）仓库销售单</h1>
          <dl class="sale">
            <dt>销售单号：2021092400000001</dt>
            <dt>销售日期：2021-09-24 13:36</dt>
          </dl>
          <address>
            <div>
              <a href="#">
                地址：广州市荔湾区某某路88号华南文体市场N馆一楼168档
              </a>
              <a href="#">传值：020-123455678</a>
            </div>
            <div>
              <a href="#">
                电话：020-123455678,123455678,123455678,123455678,138123455678
              </a>
              <a href="#">微信号：a12345678</a>
            </div>
            <div>
              <a href="#">客户：肇庆文体 13666666666</a>
              <b class="pay-status">未付款</b>
            </div>
          </address>
        </header>
        <table cellpadding="0" cellspacing="0">
          <thead>
            <th width="40">序号</th>
            <th width="260">名称</th>
            <th>规格</th>
            <th>数量</th>
            <th>单价</th>
            <th>折扣</th>
            <th>金额</th>
            <th width="100">备注</th>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>2</td>
              <td>鱼2113垫板 鱼跃龙门A4</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.270</td>
              <td>0.921</td>
              <td>264.00</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>3</td>
              <td>鱼2114垫板 鱼跃龙门A3</td>
              <td>20/300</td>
              <td>200</td>
              <td>1.910</td>
              <td>0.921</td>
              <td>352.01</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>4</td>
              <td>鱼2116垫板 A4荧光</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.690</td>
              <td>0.921</td>
              <td>161.72</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>5</td>
              <td>鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>6</td>
              <td>鱼2112垫板 鱼跃龙门B5鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>7</td>
              <td>鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
            <tr>
              <td>8</td>
              <td>鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <td colspan="8">
                页码：1 / 1 页， 合计（小写）:
                <i>
                  &yen;5074.83
                </i>
              </td>
            </tr>
          </tfoot>
        </table>
        <footer>
          <div>
            <a href="#">发货物流：</a>
            <a href="#">
              总计（小写）：
              <strong class="fee"><i>&yen;5074.83</i></strong>
            </a>
          </div>
          <div>
            <a href="#"><i>特别提示：卡牌流行性产品不退不换，敬请谅解</i></a>
            <a href="#">交行卡号：6222 60000 10000 20000 500</a>
            <a href="#">户名：张三</a>
          </div>
          <div>
            <a href="#">制单人：张三</a>
            <a href="#">配货：</a>
            <a href="#">点货：</a>
            <a href="#">送货：</a>
            <a href="#">
              收货人（签章） &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </a>
          </div>
        </footer>
      </section>
      <section id="data1" style="display: none;">
        <header>
          <h1>广州市某某某某商行（某某文体）仓库销售单</h1>
          <dl class="sale">
            <dt>销售单号：2021092400000001</dt>
            <dt>销售日期：2021-09-24 13:36</dt>
          </dl>
          <address>
            <div>
              <a href="#">
                地址：广州市荔湾区某某路88号华南文体市场N馆一楼168档
              </a>
              <a href="#">传值：020-123455678</a>
            </div>
            <div>
              <a href="#">
                电话：020-123455678,123455678,123455678,123455678,138123455678
              </a>
              <a href="#">微信号：a12345678</a>
            </div>
            <div>
              <a href="#">客户：肇庆文体 13666666666</a>
              <b class="pay-status over">已付款</b>
            </div>
          </address>
        </header>
        <table cellpadding="0" cellspacing="0">
          <thead>
            <th width="40">序号</th>
            <th width="260">名称</th>
            <th>规格</th>
            <th>数量</th>
            <th>单价</th>
            <th>折扣</th>
            <th>金额</th>
            <th width="100">备注</th>
          </thead>
          <tbody>
            <tr>
              <td>1</td>
              <td>鱼2112垫板 鱼跃龙门B5</td>
              <td>20/600</td>
              <td>200</td>
              <td>1.060</td>
              <td>0.921</td>
              <td>195.36</td>
              <td>10盒</td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <td colspan="8">
                页码：1 / 1 页， 合计（小写）:
                <i>
                  &yen;195.36
                </i>
              </td>
            </tr>
          </tfoot>
        </table>
        <footer>
          <div>
            <a href="#">发货物流：</a>
            <a href="#">
              总计（小写）：
              <strong class="fee"><i>&yen;195.36</i></strong>
            </a>
          </div>
          <div>
            <a href="#"><i>特别提示：卡牌流行性产品不退不换，敬请谅解</i></a>
            <a href="#">交行卡号：6222 60000 10000 20000 500</a>
            <a href="#">户名：张三</a>
          </div>
          <div>
            <a href="#">制单人：张三</a>
            <a href="#">配货：</a>
            <a href="#">点货：</a>
            <a href="#">送货：</a>
            <a href="#">
              收货人（签章） &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            </a>
          </div>
        </footer>
      </section>
      <div id="data2sold">
        <section>
          <header>
            <h1>广州市某某某某商行（某某文体）仓库销售单</h1>
            <dl class="sale">
              <dt>销售单号：2021092400000001</dt>
              <dt>销售日期：2021-09-24 13:36</dt>
            </dl>
            <address>
              <div>
                <a href="#">
                  地址：广州市荔湾区某某路88号华南文体市场N馆一楼168档
                </a>
                <a href="#">传值：020-123455678</a>
              </div>
              <div>
                <a href="#">
                  电话：020-123455678,123455678,123455678,123455678,138123455678
                </a>
                <a href="#">微信号：a12345678</a>
              </div>
              <div>
                <a href="#">客户：肇庆文体 13666666666</a>
                <b class="pay-status over">已付款</b>
              </div>
            </address>
          </header>
          <table cellpadding="0" cellspacing="0">
            <thead>
              <th width="40">序号</th>
              <th width="260">名称</th>
              <th>规格</th>
              <th>数量</th>
              <th>单价</th>
              <th>折扣</th>
              <th>金额</th>
              <th width="100">备注</th>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>2</td>
                <td>鱼2113垫板 鱼跃龙门A4</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.270</td>
                <td>0.921</td>
                <td>264.00</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>3</td>
                <td>鱼2114垫板 鱼跃龙门A3</td>
                <td>20/300</td>
                <td>200</td>
                <td>1.910</td>
                <td>0.921</td>
                <td>352.01</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>4</td>
                <td>鱼2116垫板 A4荧光</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.690</td>
                <td>0.921</td>
                <td>161.72</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>5</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>6</td>
                <td>鱼2112垫板 鱼跃龙门B5鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>7</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>8</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>9</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>10</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <td colspan="8">
                  页码：1 / 2 页， 合计（小写）:
                  <i>
                    &yen;5074.83
                  </i>
                </td>
              </tr>
            </tfoot>
          </table>
          <footer>
            <div>
              <a href="#">发货物流：</a>
              <a href="#">
                总计（小写）：
                <strong class="fee"><i>&yen;11148.83</i></strong>
              </a>
            </div>
            <div>
              <a href="#"><i>特别提示：卡牌流行性产品不退不换，敬请谅解</i></a>
              <a href="#">交行卡号：6222 60000 10000 20000 500</a>
              <a href="#">户名：张三</a>
            </div>
            <div>
              <a href="#">制单人：张三</a>
              <a href="#">配货：</a>
              <a href="#">点货：</a>
              <a href="#">送货：</a>
              <a href="#">
                收货人（签章） &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </a>
            </div>
          </footer>
        </section>
        <section>
          <header>
            <h1>广州市某某某某商行（某某文体）仓库销售单</h1>
            <dl class="sale">
              <dt>销售单号：2021092400000001</dt>
              <dt>销售日期：2021-09-24 13:36</dt>
            </dl>
            <address>
              <div>
                <a href="#">
                  地址：广州市荔湾区某某路88号华南文体市场N馆一楼168档
                </a>
                <a href="#">传值：020-123455678</a>
              </div>
              <div>
                <a href="#">
                  电话：020-123455678,123455678,123455678,123455678,138123455678
                </a>
                <a href="#">微信号：a12345678</a>
              </div>
              <div>
                <a href="#">客户：肇庆文体 13666666666</a>
                <b class="pay-status over">已付款</b>
              </div>
            </address>
          </header>
          <table cellpadding="0" cellspacing="0">
            <thead>
              <th width="40">序号</th>
              <th width="260">名称</th>
              <th>规格</th>
              <th>数量</th>
              <th>单价</th>
              <th>折扣</th>
              <th>金额</th>
              <th width="100">备注</th>
            </thead>
            <tbody>
              <tr>
                <td>11</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>12</td>
                <td>鱼2113垫板 鱼跃龙门A4</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.270</td>
                <td>0.921</td>
                <td>264.00</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>13</td>
                <td>鱼2114垫板 鱼跃龙门A3</td>
                <td>20/300</td>
                <td>200</td>
                <td>1.910</td>
                <td>0.921</td>
                <td>352.01</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>14</td>
                <td>鱼2116垫板 A4荧光</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.690</td>
                <td>0.921</td>
                <td>161.72</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>15</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>16</td>
                <td>鱼2112垫板 鱼跃龙门B5鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>17</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>18</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>19</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>20</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <td colspan="8">
                  页码：2 / 2 页， 合计（小写）:
                  <i>
                    &yen;5074.83
                  </i>
                </td>
              </tr>
            </tfoot>
          </table>
          <footer>
            <div>
              <a href="#">发货物流：</a>
              <a href="#">
                总计（小写）：
                <strong class="fee"><i>&yen;11148.83</i></strong>
              </a>
            </div>
            <div>
              <a href="#"><i>特别提示：卡牌流行性产品不退不换，敬请谅解</i></a>
              <a href="#">交行卡号：6222 60000 10000 20000 500</a>
              <a href="#">户名：张三</a>
            </div>
            <div>
              <a href="#">制单人：张三</a>
              <a href="#">配货：</a>
              <a href="#">点货：</a>
              <a href="#">送货：</a>
              <a href="#">
                收货人（签章） &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </a>
            </div>
          </footer>
        </section>
      </div>
      <div id="data2s" style="display: none;">
        <section>
          <header>
            <h1>广州市某某某某商行（某某文体）仓库销售单</h1>
            <dl class="sale">
              <dt>销售单号：2021092400000001</dt>
              <dt>销售日期：2021-09-24 13:36</dt>
            </dl>
            <address>
              <div>
                <a href="#">
                  地址：广州市荔湾区某某路88号华南文体市场N馆一楼168档
                </a>
                <a href="#">传值：020-123455678</a>
              </div>
              <div>
                <a href="#">
                  电话：020-123455678,123455678,123455678,123455678,138123455678
                </a>
                <a href="#">微信号：a12345678</a>
              </div>
              <div>
                <a href="#">客户：肇庆文体 13666666666</a>
                <b class="pay-status">未付款</b>
              </div>
            </address>
          </header>
          <table cellpadding="0" cellspacing="0">
            <thead>
              <th width="40">序号</th>
              <th width="260">名称</th>
              <th>规格</th>
              <th>数量</th>
              <th>单价</th>
              <th>折扣</th>
              <th>金额</th>
              <th width="100">备注</th>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>2</td>
                <td>鱼2113垫板 鱼跃龙门A4</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.270</td>
                <td>0.921</td>
                <td>264.00</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>3</td>
                <td>鱼2114垫板 鱼跃龙门A3</td>
                <td>20/300</td>
                <td>200</td>
                <td>1.910</td>
                <td>0.921</td>
                <td>352.01</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>4</td>
                <td>鱼2116垫板 A4荧光</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.690</td>
                <td>0.921</td>
                <td>161.72</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>5</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>6</td>
                <td>鱼2112垫板 鱼跃龙门B5鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>7</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>8</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>9</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>10</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>11</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>12</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <td colspan="8">
                  页码：1 / 2 页， 合计（小写）:
                  <i>
                    &yen;5074.83
                  </i>
                </td>
              </tr>
            </tfoot>
          </table>
        </section>
        <section>
          <table cellpadding="0" cellspacing="0">
            <thead>
              <th width="40">序号</th>
              <th width="260">名称</th>
              <th>规格</th>
              <th>数量</th>
              <th>单价</th>
              <th>折扣</th>
              <th>金额</th>
              <th width="100">备注</th>
            </thead>
            <tbody>
              <tr>
                <td>13</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>14</td>
                <td>鱼2113垫板 鱼跃龙门A4</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.270</td>
                <td>0.921</td>
                <td>264.00</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>15</td>
                <td>鱼2114垫板 鱼跃龙门A3</td>
                <td>20/300</td>
                <td>200</td>
                <td>1.910</td>
                <td>0.921</td>
                <td>352.01</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>16</td>
                <td>鱼2116垫板 A4荧光</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.690</td>
                <td>0.921</td>
                <td>161.72</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>17</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>18</td>
                <td>鱼2112垫板 鱼跃龙门B5鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>19</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>20</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>21</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>22</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>23</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>24</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
              <tr>
                <td>25</td>
                <td>鱼2112垫板 鱼跃龙门B5</td>
                <td>20/600</td>
                <td>200</td>
                <td>1.060</td>
                <td>0.921</td>
                <td>195.36</td>
                <td>10盒</td>
              </tr>
            </tbody>
            <tfoot>
              <tr>
                <td colspan="8">
                  页码：2 / 2 页， 合计（小写）:
                  <i>
                    &yen;5074.83
                  </i>
                </td>
              </tr>
            </tfoot>
          </table>
          <footer>
            <div>
              <a href="#">发货物流：</a>
              <a href="#">
                总计（小写）：
                <strong class="fee"><i>&yen;11148.83</i></strong>
              </a>
            </div>
            <div>
              <a href="#"><i>特别提示：卡牌流行性产品不退不换，敬请谅解</i></a>
              <a href="#">交行卡号：6222 60000 10000 20000 500</a>
              <a href="#">户名：张三</a>
            </div>
            <div>
              <a href="#">制单人：张三</a>
              <a href="#">配货：</a>
              <a href="#">点货：</a>
              <a href="#">送货：</a>
              <a href="#">
                收货人（签章） &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
              </a>
            </div>
          </footer>
        </section>
      </div>
    </div>
  </body>
  <script src="./LodopFunc.js"></script>
  <script>
    window.onload = function () {
      var $data8 = document.getElementById('data8')
      var $data1 = document.getElementById('data1')
      var $data2sold = document.getElementById('data2sold')
      var $data2s = document.getElementById('data2s')

      document.getElementById('btn8').onclick = function () {
        $data8.style.display = 'block'
        $data1.style.display = 'none'
        $data2sold.style.display = 'none'
        $data2s.style.display = 'none'
      }

      document.getElementById('btn1').onclick = function () {
        $data1.style.display = 'block'
        $data8.style.display = 'none'
        $data2sold.style.display = 'none'
        $data2s.style.display = 'none'
      }

      document.getElementById('btn2sold').onclick = function () {
        $data2sold.style.display = 'block'
        $data2s.style.display = 'none'
        $data1.style.display = 'none'
        $data8.style.display = 'none'
      }

      document.getElementById('btn2s').onclick = function () {
        $data2s.style.display = 'block'
        $data1.style.display = 'none'
        $data2sold.style.display = 'none'
        $data8.style.display = 'none'
      }

      document.getElementById('printBtn').onclick = function () {
        window.print()
      }
    }
  </script>
</html>
